@import '@angular/material/prebuilt-themes/deeppurple-amber.css';

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: #7b1fa2;
}

.mat-mdc-tab .mdc-tab__text-label {
  color: rgba(0, 0, 0, 0.6);
}

.nav-wrapper{
  background-color: #7b1fa2;
}

.header {
  background-color: #7b1fa2;
  width: 100%;
  height: 2em;
  display: flex;
  padding: 0.2em 0;
  justify-content: center;
  font-size: 30px;
}

.center-vertical {
  margin-top: auto;
  margin-bottom:auto !important;
}

.center-left {
  margin-left: 0;
  justify-content: left;
  text-align: left;
}

.width-30 {
  width: 30%;
}

.stick-to-bottom {
  position: fixed;
  bottom: 20px;
  left: 45%;
}

.overflow-scroll-y {
  overflow-y: scroll;
}

.card {
  background-color: white;
  border-radius: 2em;
  top:15%;
}

.z-index-higher {
  position: absolute;
  top:0;
  z-index: 1;
}

.width-60 {
  width: 60%;
}

.height-80 {
  height: 80%;
}

.overlay {
  background-color: rgba(0,0,0,0.3);
}

.z-index-lower {
  position: relative;
  z-index: 0;
}

.height-65 {
  height: 65%;
}

.center-horizontal {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.white-text {
  color: white;
}

.width-70 {
  width: 70%;
}

.height-70 {
  height: 70%;
}

.height-100 {
  height: 100%;
}

.padding {
  padding: 2%;
}

.border {
  border: 1px solid grey;
  border-radius: 1em;
}

.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.flex-row{
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}

.width-50 {
  width: 50%;
}

.width-100 {
  width: 100%;
}

.width-exact {
  width: fit-content;
}

.vertical-align-top {
  justify-content: start;
}

.height-50 {
  height: 50%;
}

td {
  word-break: break-all;
  cursor: pointer;
}
table {
  overflow: scroll;
}
.width-20 {
  width: 20%;
}

.height-40 {
  max-height: 40%;
}

.width-40 {
  width: 40%;
}

.purple {
  background-color: #7b1fa2;
}

.margin {
  margin: 2%;
}
